<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">

    <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">

    <meta name="author" content="jerehedu">
    <meta name="keywords" content="bootstrap,css,html">
    <meta name="description" content="jerehedu">
    <title>简历</title>

    <link rel="icon" href="favicon.ico"/>
    <link rel="stylesheet" href="bootstrap_01/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="less/简历.css"/>

</head>
<body class="container">
<header class="page-header">
    <h1>个人简历</h1>
</header>
<!--<nav class="navbar">
    <div class="container-fluid">
        <div class="navbar-header">

        </div>
    </div>
</nav>-->
<div class=" container" style="width: 800px" >
    <div class="row col-sm-4  left" style="min-height: 810px;background: #1E323B">
        <div class="container-fluid">
           <div style="border: 3px solid #EB7D04;width:161px;height: 202px;margin-top: 5px ;margin-left: 5px">
               <img src="img/img.jpg" style="width:150px;height: 193px;padding-left: 4px;padding-top: 4px" class="img-responsive " alt=""/>
           </div>
        </div> <!--小人头像-->
        <div class="message">
            <span>个人信息</span>
            <ul>
                <li>年龄：23岁</li>
                <li>地址：山东省烟台市</li>
                <li>电话：18865551115</li>
                <li>邮箱：982871885@qq.com</li>
            </ul>
        </div>
        <div class="workskill">
            <span class="skills">职业技能</span>
            <div class="game">
                <p>前端设计</p>
                <div class="one1">
                    <div class="one2"></div>
                    <div class="one2"></div>
                    <div class="one2"></div>
                    <div class="one3"></div>
                    <div class="one3"></div>
                </div>
            </div>
            <div class="word">
                <p>Photoshop</p>
                <div class="two1">
                    <div class="two2"></div>
                    <div class="two2"></div>
                    <div class="two2"></div>
                    <div class="two2"></div>
                    <div class="two3"></div>
                </div>
            </div>
            <div class="excel">
                <p>Office</p>
                <div class="three1">
                    <div class="three2"></div>
                    <div class="three2"></div>
                    <div class="three2"></div>
                    <div class="three3"></div>
                    <div class="three3"></div>
                </div>
            </div>
        </div>
        <div class="hobby">
            <span>兴趣爱好</span>
            <div class="hobbys">
                <div class="hobbys_1">
                    <i class="iconfont">&#xe628;</i>
                    <p>户外运动</p>
                </div>
                <div class="hobbys_2">
                    <i class="iconfont">&#xe688;</i>
                    <p>篮球</p>
                </div>
                <div class="hobbys_3">
                    <i class="iconfont">&#xf005c;</i>
                    <p>摄影</p>
                </div>
                <div class="hobbys_4">
                    <i class="iconfont">&#xe6a8;</i>
                    <p>读书</p>
                </div>

            </div>
        </div>
    </div>
    <div class="row col-sm-8  right"style="min-height:810px;background: #E0E1E3">
        <h1>路佳晓</h1>
        <h5>求职目标：前端工程师</h5>
        <div class="edubg">
            <div class="bg1">
                <span>教育背景</span>
                <div class="bgcolor1"></div>
            </div>
            <div class="content1">
                <div class="content1_1">
                    <span class="circle1"><!--橘色圆圈--></span>
                    <span>2013.09-2017.06</span>
                </div>
                <div class="content1_2">
                    <p>就读于烟台大学计算机与控制工程学院</p>
                    <span>主修课程</span>
                    <p>计算机网络、操作系统、数据结构、c++、JAVA...</p>
                </div>
            </div>
        </div>
        <div class="work">
            <div class="bg2">
                <span>工作经历</span>
                <div class="bgcolor2"></div>
            </div>
            <div class="content2">
                <div class="content2_1">
                    <span class="circle2"><!--橘色圆圈--></span>
                    <span>2016.08-2016.12</span>
                </div>
                <div class="content2_2">
                    <p>杰瑞教育H5学习</p>
                    <p>重点学习H5、JavaScript、css3、以及响应式;同时还学会了fullPage等插件和tomcat以及GitHub的使用</p>
                    <p>学习过程中做过的的项目有：时风官网、飞车官网、网易邮箱等</p>
                </div>
            </div>
        </div>
        <div class="evaluation">
        <div class="bg3">
            <span>自我评价</span>
            <div class="bgcolor3"></div>
        </div>
        <div class="content3">
                <div class="content3_1">
                    <span class="circle3"><!--黑色圆圈--></span>
                    <span>乐于学习，愿意接受新知识</span>
                </div>
            <div class="content3_1">
                <span class="circle3"><!--黑色圆圈--></span>
                <span>勤于动手，执行力强</span>
            </div>
            <div class="content3_1">
                <span class="circle3"><!--黑色圆圈--></span>
                <span>做事仔细，很有耐心</span>
            </div>

            </div>
    </div>
        <div class="prize">
            <div class="bg4">
                <span>奖项及作品</span>
                <div class="bgcolor4"></div>
            </div>
            <div class="content4">
                <div class="content4_1">
                   <p class="date">荣誉奖项( 2013-2017)</p>
                    <div class="honor">
                        <span>曾任职团支书</span>
                        <span>曾获得"优秀团干称号"</span>
                        <span>曾获国家助学金</span>
                    </div>
                </div>
                <div class="content4_2">
                    <p class="show">作品展示( 2013-2017)</p>
                    <div class="workshow">
                        <!--<span style="font-weight:bold;font-size: 14px">时风官网</span>-->
                        <a href="http://yuxiaomi.oschina.io/personal/zoujinshifeng.html" target="_blank" class="workshow_1">
                            <img src="img/sf_logo.png" style="width:120px;height:50px;" alt=""/>
                            <p style="margin-left: 30px;margin-top: 5px">走进时风</p>
                        </a>
                        <a href="http://yuxiaomi.oschina.io/personal1/fullPage.html" class="workshow_2"target="_blank">
                            <img src="img/yixin.png" alt=""/>
                            <p style="margin-left: 25px;">网易邮箱</p>
                        </a>
                        <a href="http://yuxiaomi.oschina.io/personal2" class="workshow_3"target="_blank">
                            <img src="img/mi_logo.png" alt=""/>
                            <p style="margin-left: 38px">小米</p>
                        </a>
                    </div>
                </div>


            </div>
        </div>

    </div>
</div>
<br/><br/><br/><br/>

<script src="js/jquery-3.1.0.min.js"></script>
<script src="bootstrap_01/js/bootstrap.min.js"></script>
</body>
</html>